$(function () {

    var layer = layui.layer;
    // 渲染轮播图列表页面
    swiperList()

    // 渲染页面列表函数
    function swiperList() {
        $.ajax({
            method: 'GET',
            url: '/admin/swipers',
            success: function (res) {
                var htmlStr = template('tpl-table', res);
                $('tbody').html(htmlStr)
                res.data.forEach(function (value, index, array) {
                    if (value.swiperstatus == 1) {
                        $('tbody span[data-status=1]').eq(index).css('display', 'none')
                    } else {
                        $('tbody span[data-status=2]').eq(index).css('display', 'none')
                    }
                })

            }
        })
    }

    //修改轮播图状态
    $('tbody').on('click', 'span', function () {
        // 获取到当前的状态
        var id = $(this).attr('data-ii')
        // 获取当前行的id
        var rowId = $(this).attr('data-id')
        var swiperstatus;
        parseInt(id) == 1 ? swiperstatus = 2 : swiperstatus = 1;
        $.ajax({
            method: 'PUT',
            url: '/admin/swipers/' + rowId,
            data: { status: swiperstatus },
            success: function (res) {
                // console.log(res.status);
                if (res.status !== 0) {
                    return layer.msg('修改轮播图状态失败！')
                }
                layer.msg(res.message)
                swiperList();
            }

        })
    })


    // 为上传图片的按钮，绑定点击事件处理函数
    $('#uploadSwiper').on('click', function () {
        $('#myfile').click()
    })


    // 监听 myfile 的 change 事件，获取用户选择的文件列表
    $('#myfile').on('change', function (e) {
        // 获取到文件的列表数组
        var files = e.target.files
        // 判断用户是否选择了文件
        if (files.length === 0) {
            return
        }
        var fd = new FormData();
        for (var i = 0; i < files.length; i++) {
            fd.append('swipers', files[i])
        }
        // fd = decodeURIComponent(fd)
        //fd = $.base64.decode(fd)
        $.ajax({
            method: 'POST',
            url: '/admin/swipers',
            data: fd,
            cache: false,
            contentType: false,
            processData: false,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 重新渲染页面
                swiperList()
            }
        })
    })

    //给删除按钮绑定点击事件
    $('tbody').on('click', '.delete', function () {
        var id = $(this).attr('data-id')
        // console.log(id);
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function (index) {
            $.ajax({
                method: 'DELETE',
                url: '/admin/swipers/' + id,
                success: function (res) {
                    if (res.status !== 0) {
                        return layer.msg('删除分类失败！')
                    }
                    layer.msg('删除分类成功！')
                    layer.close(index)
                    swiperList();
                }
            })
        })
    })
})